@charset "utf-8";
/* CSS Document */
.red { color:#ff2832 !important;}
.pt10 { padding-top:10px;}

/* index */
.user_message { background:url(../images/user_message_bg.png) 0 0 no-repeat; padding:8px 0 0 48px; height:160px; margin:0 0 10px; text-align:center;}
.user_info { float:left; width:135px; padding:5px 5px 0 0; height:150px; position:relative;}
.user_photo { background:url(../images/user_photo_bg.png) 0 0 no-repeat; width:85px; height:85px; padding:16px; margin-bottom:2px; position:relative;}
.user_photo img { width:85px; height:85px;}
.user_photo .edit_box {width:85px; height:85px; position:absolute; left:17px; top:17px;}
.user_photo .edit { width:85px; height:85px; background-color:#000; opacity:0.5; filter:alpha(opacity=50); display:block;}
.user_photo .edit_a { width:85px; height:20px; display:block; line-height:20px; position: relative; left:0; top:-53px; color:#fff; background-color:#333; opacity:0.8; filter:alpha(opacity=80);}
.user_photo .opacity_mask { width:117px; height:117px; position:absolute; left:0; top:0; background:url(../images/photo_mask.png); _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../HTML201508/images/photo_mask.png',sizingMethod='crop');}
.user_message a.user_name { width:102px; display:block; margin:0 auto; line-height: 20px;color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px;}
.user_message .message { width:25px; height:28px; line-height:28px; padding:0 3px 0 26px; background:url(../images/icon.png) 0 -316px; position:absolute; left:78px; top:80px;}
.user_message .message span { color:#fff;}
.user_message .no_msg { background-position:0 -344px;}
.user_message .no_msg span { display:none;}

.safety_type { width:360px; padding:22px 0 0 20px; float:left; text-align:left;}
.vip_box { position:relative; height:16px;}
.vip_box .vip_type { width:70px; height:16px; display:block; background-image:url(../images/icon.png); text-indent:-99em; overflow:hidden;}
.vip_box .vip_1 { background-position:0 -220px;}
.vip_box .vip_2 { background-position:0 -236px;}
.vip_box .vip_3 { background-position:0 -252px;}
.vip_box .vip_4 { background-position:0 -268px;}
.vip_box .vip_5 { background-position:0 -284px;}
.vip_box .vip_6 { background-position:0 -300px;}
.vip_box .vip_type_box { position:absolute; border:1px solid #dcdcdc; background-color:#fff; left:0; top:24px; padding:15px; line-height:20px; z-index:99;}
.vip_box .vip_type_box h2 { font-size:14px; font-weight:normal;}
.vip_box .vip_type_box th { font-weight:normal; text-align:right;}
.vip_box .vip_type_box td { color:#ff2832; padding-left:5px;}
.safety_level { padding:15px 0 0; font-size:14px;}
.safety_level .level { color:#ff2832;}
.safety_level .level_line { height:21px; background:url(../images/icon_safety.png) 0 0 no-repeat; margin:10px 0;}
.safety_level .setting { display:inline-block; padding:5px 15px 0 0; line-height:20px;}
.safety_level .setting em { display:inline-block; margin:0 2px 0 0; height:20px; width:20px; background-image:url(../images/icon.png); vertical-align:middle;}
.safety_level .tel { background-position:0 -65px;}
.safety_level .mail { background-position:-24px -65px;}
.safety_level .sn { background-position:-48px -65px;}
.safety_level .green { color:#66c67f;}
.safety_level .green .tel { background-position:0 -87px;}
.safety_level .green .mail { background-position:-24px -87px;}
.safety_level .green .sn { background-position:-48px -87px;}
.safety_type .middle .level { color:#ff9804;}
.safety_type .middle .level_line { background-position:0 -21px;}
.safety_type .high .level { color:#66c67f;}
.safety_type .high .level_line { background-position:0 -42px;}
.vip_box .vip_nodata{background:url(../images/waiting_vip.gif) no-repeat 0 0;}
.safety_type .init_level_line .level_line{background-position:0 -63px;}


.account_message { padding-left:35px; float:left; width:385px;}
.account_message li { width:80px; position:relative; margin-right:10px; overflow:hidden; float:left; padding-top:20px; line-height:20px; font-size:14px;}
.account_message li a { display:block;}
.account_message li .pic { width:60px; height:60px; background-image:url(../images/icon.png); position:relative; margin:0 auto 10px;}
.account_message li .pic.cash_up { top:-10px;}
.account_message li .lpk { background-position:0 -373px;}
.account_message li .ye { background-position:0 -433px;}
.account_message li .lq { background-position:0 -493px;}
.account_message li .jf { background-position:0 -553px;}

.my_title { height:48px; line-height:48px; background:#fafafa; border:1px solid #dcdcdc; overflow:hidden;}
.my_title .title { margin:15px 0 15px 10px; padding:0 0 0 10px; font-size:16px; color:#323232; line-height:18px; border-left:2px solid #ff2832; display:block;}
.my_title .tab_list { float:right; padding:18px 0 0;}
.my_title .tab_list li { padding:0 21px; position:relative; height:12px; line-height:12px; *line-height:13px; float:left; border-right:1px solid #dcdcdc;}
.my_title .tab_list li.last { border:none 0;}
.my_title .tab_list li a { color:#646464; padding:0 3px; display:inline-block; height:22px;}
.my_title .tab_list li a:hover { color:#323232; border-bottom:2px solid #ff2832;}
.my_title .tab_list li .tip { font-size:12px; width:30px; position:absolute; right:1px; top:-14px; color:#fff; display:block;}
.my_title .tab_list li .tip em { padding:1px 5px; border-radius:7px; background:#ff2832; display:inline-block; font-style:normal;}
/*my_order*/
.my_order { margin-bottom:15px; z-index:9;}
.my_order .order_box { border:1px solid #dcdcdc; border-width:0 1px; z-index:9;}
.my_order .order_box td { height:85px; width:135px; padding:30px 0 0 40px; border-bottom:1px solid #dcdcdc; text-align:left; line-height:18px; vertical-align:top; z-index:9;}
.my_order .order_box td.tg { width:270px; padding:25px 0 0 15px; height:90px;}
.my_order .order_box td a { color:#646464;} 
.my_order .order_box td a:hover { color:#323232;}
.my_order .goode_list { width:270px; text-align:left; position:relative;}
.my_order .goode_list a { display:block; border:1px solid #fff; margin-right:8px; width:54px; height:54px; padding:2px; float:left;}
.my_order .goode_list a:hover { border-color:#fd7f78;}
.my_order .goode_list a img { width:54px; height:54px;}
.my_order .goode_list .icon_more { display:block; float:left; width: 30px; height:6px; background:url(../images/icon.png) 0 -209px no-repeat; margin-top:27px; overflow:hidden;}
.my_order .goode_list .icon_num { background:url(../images/icon.png) 0 -183px no-repeat; width:42px; height:18px; display:block; position:absolute; left:-3px; top:-1px; color:#fff; line-height:14px; text-align:center;}
.my_order .order_box .price { color:#323232; font-size:14px;}
.my_order .order_box .data { color:#969696;}
.my_order .order_box .follow { position:relative; height: 24px;}
.my_order .order_box .follow a { color:#969696;}
.my_order .order_box .follow a span { display:inline-block; margin-left:4px; background:url(../images/icon.png) -58px -212px no-repeat; width:8px; height:6px; overflow:hidden; *vertical-align:middle;}
.my_order .order_box .follow_popup { padding:10px 0 10px 5px; width:325px; position:absolute; border:1px solid #dcdcdc; background:#fff; left:-30px; top:24px; z-index:9;}
.my_order .order_box .follow_popup td { padding:0 5px; border:none 0; height:auto;text-align: left; vertical-align: top; width:185px;}
.my_order .order_box .follow_popup td.t1 {width: 120px;}
.my_order .none_box { border:1px solid #dcdcdc; border-width:0 1px 1px;}
.my_order .none_box .goode_list { width:973px; height:60px; overflow:hidden; padding:20px 0 20px 15px;}
/*my_collection*/
.my_collect { margin-bottom:15px; z-index:8;}
.my_collect .collection_box { border:1px solid #dcdcdc; border-width:0 1px 1px;}
.show_list { position:relative; padding:0 19px;}
.show_list .arrow { position:absolute; width:34px; height:70px; background-image:url(../images/icon.png); top:50%; margin-top:-35px; opacity:0.8; filter:alpha(opacity=80); _top:100px;}
.show_list .arrow:hover { opacity:1; filter:alpha(opacity=100);}
.show_list .left { left:0;  _left:-20px; background-position:0 -112px;}
.show_list .right { right:0; background-position:-34px -112px;}
.show_list .unable, .show_list .unable:hover {opacity:0.3; filter:alpha(opacity=30); cursor:default;}
.show_box { width:950px; overflow:hidden; height:198px;}
.show_box li { width:168px; height:198px; padding:0 10px; text-align:center; border:1px solid #fff; border-width:0 1px; float:left; color:#323232; line-height:16px;}
.show_box li:hover { border-color:#dcdcdc;}
.show_box li .gpic { display:inline-block; width:150px; height:150px; margin:10px 0;}
.show_box li .sale { background-color:#ff2832; color:#fff; display:inline-block; padding:0 2px; margin:0 0 0 8px;}

.none_box { text-align:center; padding:25px 0 0;}
.none_box h3 { font-size:14px; color:#969696; font-weight:normal; padding:20px 0;}
.none_box a { color:#ff2832;}

